<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>H5_新增列表标签</title>
</head>
<body>
<!--
    datalist:
        语义:用于搜索框的关键字提示 双标签
    details:
        语义:用于展示问题和答案,或者对专有名词进行解释
    summary:
        语义:写在details标签中的内容,用于指定问题或者专有名词。
-->
    <input type="text" list="myList">
    <datalist id = myList>
        <option value="刘德华"></option>
        <option value="任达华"></option>
        <option value="周杰伦"></option>
        <option value="温兆伦"></option>
    </datalist>

    <details>
        <summary>点击查看详情</summary>
        <p>这是详情</p>
    </details>
</body>
</html>